body,ul{
    margin: 0;
    padding: 0;
}
ul{
    list-style: none;
}
#q1{
    position: fixed;
    /*top: 20px;*/
    /*left: 60px;*/
    width: 1010px;
    height: 1010px;
}
li{
    float: left;
}
#q1 li{
    width: 140px;
    height: 140px;
    background-image: url(icons.jpg);
    /*background-repeat: no-repeat;*/
    /*背景重复方式*/
    
}
#q1 li:nth-child(2){
    background-position: -144px 0;
}
#q1 li:nth-child(3){
    background-position: -288px 0;
}
#q1 li:nth-child(4){
    background-position: -432px 0;
}
#q1 li:nth-child(5){
    background-position: -576px 0;
}
#q1 li:nth-child(6){
    background-position: -720px 0;
}
#q1 li:nth-child(7){
    background-position: -864px 0;
}
#q1 li:nth-child(8){
    background-position: 0 -144px;
}
#q1 li:nth-child(9){
    background-position: -144px -144px;;
}
#q1 li:nth-child(10){
    background-position: -288px -144px;;
}
#q1 li:nth-child(11){
    background-position: -432px -144px;;
}
#q1 li:nth-child(12){
    background-position: -576px -144px;;
}
#q1 li:nth-child(13){
    background-position: -720px -144px;;
}
#q1 li:nth-child(14){
    background-position: -864px -144px;;
}
#q1 li:nth-child(15){
    background-position: -0px -288px;;
}
#q1 li:nth-child(16){
    background-position: -144px -288px;;
}
#q1 li:nth-child(17){
    background-position: -288px -288px;;
}
#q1 li:nth-child(18){
    background-position: -432px -288px;;
}
#q1 li:nth-child(19){
    background-position: -576px -288px;;
}
#q1 li:nth-child(20){
    background-position: -720px -288px;;
}
#q1 li:nth-child(21){
    background-position: -864px -288px;;
}
#q1 li:nth-child(22){
    background-position: -0px -432px;;
}
#q1 li:nth-child(23){
    background-position: -144px -432px;;
}
#q1 li:nth-child(24){
    background-position: -288px -432px;;
}
#q1 li:nth-child(25){
    background-position: -432px -432px;;
}
#q1 li:nth-child(26){
    background-position: -576px -432px;;
}
#q1 li:nth-child(27){
    background-position: -720px -432px;;
}
#q1 li:nth-child(28){
    background-position: -864px -432px;;
}
#q1 li:nth-child(29){
    background-position: -0px -576px;;
}
#q1 li:nth-child(30){
    background-position: -144px -576px;;
}
#q1 li:nth-child(31){
    background-position: -288px -576px;;
}
#q1 li:nth-child(32){
    background-position: -432px -576px;;
}
#q1 li:nth-child(33){
    background-position: -576px -576px;;
}
#q1 li:nth-child(34){
    background-position: -720px -576px;;
}
#q1 li:nth-child(35){
    background-position: -864px -576px;;
}
#q1 li:nth-child(36){
    background-position: -0px -720px;;
}
#q1 li:nth-child(37){
    background-position: -144px -720px;;
} 
#q1 li:nth-child(38){
    background-position: -288px -720px;;
} 
#q1 li:nth-child(39){
    background-position: -432px -720px;;
} 
#q1 li:nth-child(40){
    background-position: -576px -720px;;
} 
#q1 li:nth-child(41){
    background-position: -720px -720px;;
} 
#q1 li:nth-child(42){
    background-position: -864px -720px;;
}
#q1 li:nth-child(43){
    background-position: -0px -864px;;
}
#q1 li:nth-child(44){
    background-position: -144px -864px;;
} 
#q1 li:nth-child(45){
    background-position: -288px -864px;;
} 
#q1 li:nth-child(46){
    background-position: -432px -864px;;
} 
#q1 li:nth-child(47){
    background-position: -576px -864px;;
} 
#q1 li:nth-child(48){
    background-position: -720px -864px;;
} 
#q1 li:nth-child(49){
    background-position: -864px -864px;;
}       